<template>
  <div class="page">
    <div class="header">
      <div>
        <span
          class="bg-blue-500 inline-block pl-20px pr-20px text-yellow-500 rounded-50px"
          >假装有LOGO</span
        >
        <span>欢迎注册!</span>
      </div>
    </div>
    <div class="content">
      <router-view></router-view>
    </div>
    <v-footer></v-footer>
  </div>
</template>

<script>
import footer from "@/components/global/footer.vue";
export default {
  components: {
    vFooter: footer,
  },
};
</script>

<style lang="less">
body {
  width: 1920px;
  height: 1239px;
}
.page {
  width: 1920px;
  height: 1239px;
  background-color: #f5f9fc;
  .header {
    width: 1920px;
    height: 80px;
    background: #ffffff;
    box-shadow: 0px 0px 34px 1px rgba(220, 233, 252, 0.52);
    div {
      width: 1196px;
      height: 100%;
      line-height: 80px;
      font-size: 18px;
      font-family: PingFang SC;
      font-weight: 500;
      color: #666666;
      margin: auto;
      letter-spacing: 2px;
      // background-color: red;
    }
  }
  .content {
    height: 1000px;
  }
}
</style>
